﻿@page "/article/{Id:int}"
@inherits DetailBase

<PageTitle>文章详情</PageTitle>


<link rel="stylesheet" href="css/blog.css" />

<div class="container-fixed">
    <div class="col-content" style="width:100%">
        <div class="inner">
            <article class="article-list">
                <input type="hidden" value="@article.Id" id="blogtypeid" />
                <section class="article-item">
                    <aside class="title" style="line-height:1.5;">
                        <h2> @article.Title </h2>
                        <p class="fc-grey fs-14" style="padding: 6px 0;">
                            <small>
                                作者：<a href="javascript:void(0)" target="_blank" class="fc-link">听雨</a>
                            </small>
                            <small class="ml10">阅读：<i class="readcount">0</i></small>
                            <small class="ml10">更新于 <label> @article.Created_at </label> </small>
                        </p>
                    </aside>
                    <div class="time mt10" style="padding-bottom:0;">
                        <span class="day"> @Utils.UnixTimeStampToDateTime(article.Created_at).ToString("dd") </span>
                        <!-- <span class="month fs-18">5<small class="fs-14">月</small></span> -->
                        <span class="year fs-18">
                            @Utils.UnixTimeStampToDateTime(article.Created_at).ToString("yyyy年MM月") </span>
                    </div>
                    <div class="content artiledetail" style="border-bottom: 1px solid #e1e2e0; padding-bottom: 20px;">

                        @(new MarkupString(article.Content))

                    </div>
                    <div class="bdsharebuttonbox share" data-tag="share_1">
                        <ul>
                            <li class="f-qq" href="#"><i class="fa fa-qq"></i></li>
                            <li class="f-weinxi"><i class="fa fa-weixin"></i></li>
                            <!-- <li class="f-sina"><i class="fa fa-github"></i></li> -->
                            <li class="f-qq"><i class="fa fa-github"></i></li>
                            <li class="f-weinxi"><i class="fa fa-envelope"></i></li>
                        </ul>
                    </div>
                    <div class=" f-cb">
                    </div>
                    <div class="mt20 f-fwn fs-24 fc-grey comment"
                        style="border-top: 1px solid #e1e2e0; padding-top: 20px;">
                    </div>
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>发表评论</legend>
                        <div class="layui-field-box">
                            <div class="leavemessage" style="text-align:initial">
                                <form class="layui-form blog-editor" action="">
                                    <input type="hidden" name="articleid" id="articleid" value="@article.Id">
                                    <div class="layui-form-item">
                                        <textarea name="editorContent" lay-verify="content" id="remarkEditor"
                                            placeholder="请输入内容" class="layui-textarea" rows="5"></textarea>
                                    </div>
                                    <div class="layui-form-item">
                                        <button class="layui-btn" lay-submit="formLeaveMessage"
                                            lay-filter="formLeaveMessage">
                                            提交留言
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </fieldset>
                    <ul class="blog-comment" id="blog-comment"></ul>
                </section>
            </article>
        </div>
    </div>
</div>